<script setup lang="ts">
defineOptions({
  name: 'TreeTableLayout',
})
</script>

<template>
  <a-row align="stretch" :gutter="14" class="h-full">
    <a-col :xs="0" :sm="8" :md="7" :lg="6" :xl="5" :xxl="4" flex="260px" class="h-full overflow-hidden">
      <slot name="left" />
    </a-col>
    <a-divider direction="vertical" />
    <a-col :xs="24" :sm="16" :md="17" :lg="18" :xl="19" :xxl="20" flex="1" class="h-full overflow-hidden">
      <slot name="right" />
    </a-col>
  </a-row>
</template>

<style scoped>

</style>
